<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .test {

      border-radius: 4px;

      background-image: -moz-linear-gradient(-152deg, rgb(24, 144, 255) 0%, rgb(105, 192, 255) 100%);

      background-image: -webkit-linear-gradient(-152deg, rgb(24, 144, 255) 0%, rgb(105, 192, 255) 100%);

      background-image: -ms-linear-gradient(-152deg, rgb(24, 144, 255) 0%, rgb(105, 192, 255) 100%);

      box-shadow: 0px 1px 5.94px 0.06px rgba(0, 0, 0, 0.3);

      width: 562px;

      height: 50px;
    }
  </style>
</head>
<body>


<div class="test">

</div>


<script>
  let arr = [1, 2, 3, 4];
  let arr2 = arr.map((value) => {
    return value + 1
  })
  console.log(arr2);
</script>
</body>
</html>